<template name="list-card">
	<view>
		<view class="list-view" v-for="(item,index) in listCard" :key="index">
			<view class="car-view" >
				<view class="c-title">
					{{item.time}}
				</view>
				<view class="g-view flex-fsfs border-top" v-for="(items,indexs) in item.goods" :key="indexs">
					<image :src="items.img" mode=""></image>
					<view class="text-view">
						<view class="name-view">
							{{items.title}}
						</view>
						<view class="flex-cb">
							<view class="jg-view">
								￥{{items.jiage}}
							</view>
							<view class="jf-view">
								+{{items.jifen}}
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "list-card",//模板名字，在调用页面当标签用
		
		props: {	//属性，在调用页面导入熟悉
			listCard: {
				type: Array,//属性类型
			},
			
		},
		//组件生命周期
		created:function(e){
		
		},
		methods: {
			
		}
	}
</script>

<style>
.list-view{
		background-color: #FFFFFF;
		padding: 20upx;
		margin-bottom: 20upx;
		border-radius:20upx;
	}
	.car-view{
		
	}
	.c-title{
		font-size:28upx;
		font-weight:600;
		color:rgba(60,60,60,1);
		line-height:40upx;
		padding:0 0 20upx 0;
	}
	.g-view image{
		width: 120upx;
		height: 120upx;
		padding: 20upx 0;
	}
	.text-view{
		padding: 20upx;
		width: 550upx;
	}
	.name-view{
		font-size:24upx;
		font-weight:600;
		color:rgba(60,60,60,1);
		line-height:34upx;
	}
	.jg-view{
		font-size:24upx;
		font-weight:500;
		color:rgba(124,124,124,1);
		line-height:34upx;
		padding-top: 10upx;
	}
	.jf-view{
		font-size:24upx;
		font-weight:500;
		color:rgba(87,138,255,1);
		line-height:34upx;
		padding-top: 10upx;
	}
</style>
